@import "normalize";
@import "base";
@import "variable";

// 字体设置
body {
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC","Helvetica Neue",STHeiti,"Microsoft Yahei",Tahoma,Simsun,sans-serif;
}
// 字体大小设置
.font_dpr(@font-size: 16px) {
  font-size: @font-size;

  [data-dpr= "2"] & {
    font-size: @font-size * 2;
  }
  [data-dpr= "3"] & {
    font-size: @font-size * 3;
  }
}
.header {
  background-color: #f4483e;
  border-bottom: 2rem/@base solid #f33e33;

  .back img {
    margin-top: 30rem/@base;
  }
  .title {
    overflow: hidden;
    height: 96rem/@base;
    line-height: 96rem/@base;
    color: #fff;
    .font_dpr(16px);
    text-align: center;
  }
}
.main {
  .coupons li {
    float: left;
    width: 50%;
    a {
      display: block;
      border: 2rem/@base solid #ccc;
      padding-top: 20rem/@base;
      img {
        width: 100rem/@base;
        height: 100rem/@base;
        margin: 0 auto;
      }
      p {
        text-align: center;
        line-height: 50rem/@base;
      }
    }
  }
}